﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>DropDown Menu</title>
	
	<link rel="stylesheet" type="text/css" href="m.css" />
	<!--
	<link rel="stylesheet" type="text/css" href="hover_drop_2.css" />
	-->
</head>
<body>
	<h1>wokanhao.com</h1>
	<h2>Horizontal drop/fly</h2>
	<h3>3rd November 2007</h3>
	<div id="outer">
		<div class="pad1"></div>
		<ul id="menu">
			<li><a href="#nogo1">Home</a></li>
			<li class="sub"><a href="#nogo2">Products</a>
				<ul>
					<li class="sub"><a href="#nogo3">Cameras</a>
						<ul class="left">
							<li><a href="#nogo4">Nikon</a></li>
							<li><a href="#nogo5">Minolta</a></li>
							<li><a href="#nogo6">Pentax</a></li>
						</ul>
					</li>
					<li class="sub"><a href="#nogo7">Lenses</a>
						<ul>
							<li><a href="#nogo8">Wide Angle</a></li>
							<li><a href="#nogo9">Standard</a></li>
							<li><a href="#nogo10">Telephoto</a></li>
							<li class="sub"><a href="#nogo11">Zoom</a>
								<ul>
									<li><a href="#nogo12">35mm to 125mm</a></li>
									<li><a href="#nogo13">50mm to 250mm</a></li>
									<li><a href="#nogo14">125mm to 500mm</a></li>
								</ul>
							</li>
							<li><a href="#nogo15">Mirror</a></li>
							<li class="sub"><a href="#nogo16">Non-standard</a>
								<ul class="left">
									<li><a href="#nogo17">Bayonet mount</a></li>
									<li><a href="#nogo18">Screw mount</a></li>
								</ul>
							</li>
						</ul>
					</li>
					<li><a href="#nogo19">Flash Guns</a></li>
					<li><a href="#nogo20">Tripods</a></li>
					<li><a href="#nogo21">Filters</a></li>
				</ul>		
			</li>
			<li class="sub"><a href="#nogo22">Services</a>
				<ul>
					<li><a href="#nogo23">Printing</a></li>
					<li><a href="#nogo24">Photo Framing</a></li>
					<li><a href="#nogo25">Retouching</a></li>
					<li><a href="#nogo26">Archiving</a></li>
				</ul>
			</li>
			<li class="sub"><a href="#nogo27">Shop</a>
				<ul>
					<li><a href="#nogo28">Online</a></li>
					<li><a href="#nogo29">Catalogue</a></li>
					<li><a href="#nogo30">Mail Order</a></li>
				</ul>
			</li>
			<li class="sub"><a href="#nogo31">Contacts</a>
				<ul>
					<li><a href="#nogo32">Support</a></li>
					<li class="sub"><a href="#nogo33">Sales</a>
						<ul class="left">
							<li><a href="#nogo34">USA</a></li>
							<li><a href="#nogo35">Canadian</a></li>
							<li><a href="#nogo36">South American</a></li>
							<li class="sub"><a href="#nogo37">European</a>
								<ul class="left">
									<li><a href="#nogo38">British</a></li>
									<li><a href="#nogo39">French</a></li>
									<li><a href="#nogo40">German</a></li>
									<li><a href="#nogo41">Spanish</a></li>
									<li><a href="#nogo42">Italian</a></li>
								</ul>
							</li>
							<li><a href="#nogo43">Canadian</a></li>
							<li><a href="#nogo44">Asian</a></li>
						</ul>
					</li>
					<li><a href="#nogo45">Buying</a></li>
					<li><a href="#nogo46">Photographers</a></li>
					<li><a href="#nogo47">Stockist</a></li>
					<li><a href="#nogo48">General</a></li>
				</ul>
			</li>
		</ul>
		<div class="pad2"></div>
	</div>
	<script type="text/javascript" src="./m.js"></script>
	<script type="text/javascript">
		ieFix('menu', 'menu')
	</script>
</body>
</html>